//引入Vue核心库
import Vue from 'vue'
//引入Vuex
import Vuex from 'vuex'
//应用Vuex插件
Vue.use(Vuex)

//准备actions对象——响应组件中用户的动作、处理业务逻辑
const actions = {
	// add(context,value){
	// 	context.commit('ADD',value);
	// },
	changeCollapseAndSideWidth(context) {
		context.commit('CHANGECOLSANDSW');
	}
}
//准备mutations对象——修改state中的数据
//不要写任何的业务需求，就是改数据就好了
const mutations = {
	// ADD(state,value){
	// 	state.sum += value;
	// },
	CHANGECOLSANDSW(state) {
		state.logoTextShow = !state.logoTextShow;
		state.isCollapse = !state.isCollapse;
		if (state.sideWidth === 180) {
			state.sideWidth = 64;
		} else {
			state.sideWidth = 180;
		}
	},

}
//准备state对象——保存具体的数据
const state = {
	sideWidth: 64,
	logoTextShow: false,
	isCollapse: true,
}

//创建并暴露store
export default new Vuex.Store({
	actions,
	mutations,
	state
})
